import React, { useState } from 'react';
import {Row, Col, Form,Input,Button } from 'antd';
import { Settlement } from "./components/set"
export const Payment = (props) => {
    // 保存接收短信手机号
    let [phonenum,setphonenum] = useState("")
    const sendout = () => {
        // const req = axios.create({
        //     url:'http://gyytz.market.alicloudapi.com/sms/smsSend',
        //     method:"POST",
        //     // appcode: '70d24729cc0747abadc73d556d33632d'
        // })
        console.log('接收短信手机号',phonenum);
    }
  return (
  <>
  <h1 id='channel'>支付方式设置</h1>
  <Form layout="horizontal">
      <Row gutter={[16, 16]}>
      <Col span={4}>
          <Form.Item label="支付宝" colon={false}>
          </Form.Item>
      </Col>

      <Col span={4}>
          <Form.Item label="微信支付" colon={false}>
          </Form.Item>
      </Col>

      <Col span={4}>
          <Form.Item label="携程代收" colon={false}>
          </Form.Item>
      </Col>

      <Col span={4}>
          <Form.Item label="去哪儿代收" colon={false}>
          </Form.Item>
      </Col>

      <Col span={4}>
          <Form.Item label="途游代收" colon={false}>
          </Form.Item>
      </Col>

      <Col span={4}>
          <Form.Item label="银联支付" colon={false}>
          </Form.Item>
      </Col>

      <Col span={4}>
          <Form.Item label="米途代收" colon={false}>
          </Form.Item>
      </Col>

      <Col span={4}>
          <Form.Item label="蚂蚁代收" colon={false}>
          </Form.Item>
      </Col>

      <Col span={4}>
          <Form.Item label="现金支付" colon={false}>
          </Form.Item>
      </Col>

      <Col span={4}>
          <Form.Item label="刷卡支付" colon={false}>
          </Form.Item>
      </Col>
   </Row>
     </Form>


    <div id='phonebox'>
      <span>支付成功后短信通知手机号：</span>
      <Input placeholder="输入通知手机" 
         style={{
          width:"200px"
         }}
         value={phonenum} onChange={e => setphonenum(e.target.value)}
  />
     <Button onClick={sendout}>发送</Button>
  </div>

  <hr></hr>

  <h1 id='channel'>结算设置</h1>
  <Settlement></Settlement>
  </>
);}